<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>个人中心</title>
		<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
		<!-- <link rel="stylesheet" type="text/css" href="../lib/bootstrap.min.css"/> -->
		<!-- <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="css/cropper.css"/>
		
		<link rel="stylesheet" type="text/css" href="css/all.css"/>
	</head>
	<body>
		<style type="text/css">
			.container{ padding-bottom: 50px;}
			.row{ border-bottom: 1px #EAEAEA solid;}
			.img {  float: left; width: 100%; }
			.img img{ width: 110px;  padding: 15px; border-radius: 50%; background: #FFFFFF; float: left;height: 110px;}
			.alt{  margin-left: 3%; line-height: 35px; padding: 25px 0;}
			.t{ line-height: 50px;}
			.t img{ width: 20px;}
			.name{ font-size: 1.7rem;}
			.t a{ color: #000000;}
			.touxiang{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #333; display: none; z-index: 999;}
			.heimu{ cursor: pointer;}
			.shena{float: right; line-height: 120px; width: 30%;  text-align: right;}
			.shena a{ color: #333;}
			/*.t0,.t1,.t2,.t3,.t4,.t5,.t6,.t7,.t71,.t8,.t9,.t10,.t11,.t42{ display: none;}*/
			.xxx{ color: #00B7EE; font-size: 1.7rem; margin-left: 0.5rem;}
		</style>
		<div class="vuebox">
		<div class="alltop">
			<div class="backone2">
				<a :href="hallurladdid"><span class="glyphicon glyphicon-menu-left"></span><b>返回</b></a>
			</div>
			<div class="refresh">
			<a href="#">
				<span class="glyphicon glyphicon-refresh"></span><b>刷新</b></a>
			</div>
		</div>
		<div class="heimu"></div>
		<div class="fabuactive">努力加载中，请稍后....</div>
		
		<div class="touxiang">
			<div style=" background: #666; padding: 15px;">
				<div class="btn btn-success pull-right yestx">使用</div>
				<div class="btn btn-success notx">返回</div>
				<div class="clearfix"></div>
			</div>
			<div class="img-container" style="margin-top: 50px;"><img src="img/t1.jpg"></div>
		</div>
		<div class="container">
			<div class="row member" style="position: relative;">
				<span style="position: absolute; right: 20px; top: 25px; line-height: 35px;">
				<!--<div class="xxx t8 zuoqiuzhizhe">(切换求职者)</div>
				<div class="xxx t10 zuohr">(切换HR)</div>
				<div class="xxx t9 zuolietou">(切换猎头)</div>-->
				</span>
				<div class="img">
					<label class="btn-upload" for="inputImage" style=" float: left;">
							 <input type="file" class="sr-only" id="inputImage" name="file" >
							 <img :src="picurl" class="touxiangimg"/>
					</label>
			        
			        <div class="alt">
						<div class="name">
							<div class="myname">&nbsp;{{username}}（猎头）</div>
							<div class="myname2"><div style="float: left; margin-right: 2rem;">&nbsp;{{phone}}</div><div>推荐码&nbsp;{{userid}}</div></div>
							
						</div>
						<!-- <div class="name2">推荐码&nbsp;{{userid}}</div> -->
					</div>
				</div>
				
				<!--<div class="shena" ><a class="shenfenyanzhenga" href="shenfenyanzheng.html">身份验证<span style="margin-right: 10px; margin-left: 5px;">></span></a></div>-->
				<div class="clearfix"></div>
			</div>
			<div class="row t t0">
				<a :href="jibenxinxi">
					<div class="col-xs-1"><img src="img/gerenxinxi.png"/></div>
					<div class="col-xs-9">个人信息</div>
					<div class="col-xs-1">></div>
				</a>
			</div>
			<!-- <div class="row t t1">
				<a href="myall.html">
					<div class="col-xs-1"><img src="img/set.png"/></div>
					<div class="col-xs-10">简历信息</div>
				</a>
			</div> -->
			<!-- <div class="row t t2">
				<a href="myqiuzhijilu.html" class="msjl">
				<div class="col-xs-1"><img src="img/mianshijilu.png"/></div>
				<div class="col-xs-10">面试记录</div>
				<div class="col-xs-1">></div>
				</a>
			</div> -->
			<div class="row t t3">
				<a :href="mytuijian">
				<div class="col-xs-1"><img src="img/wodetuijian.png"/></div>
				<div class="col-xs-9">推荐记录</div>
				<div class="col-xs-1">></div>
				</a>
			</div>
			<div class="row t t4">
				<a :href="myzichan" class="wodezichana">
				<div class="col-xs-1"><img src="img/wodezichan.png"/></div>
				<div class="col-xs-9 wodezichan">我的钱包</div>
				<div class="col-xs-1">></div>
				</a>
			</div>
			<div class="row t t42">
				<a :href="tixian">
				<div class="col-xs-1"><img src="img/tixian.png"/></div>
				<div class="col-xs-9">提现</div>
				<div class="col-xs-1">></div>
				</a>
			</div>
			<div class="row t t5">
				<a :href="mytuandui">
				<div class="col-xs-1"><img src="img/wodetuandui.png"/></div>
				<div class="col-xs-9">我的团队</div>
				<div class="col-xs-1">></div>
				</a>
			</div>
			<!-- <div class="row t t6">
				<a href="qytjzw.html" class="member-fabuzhiwei">
				<div class="col-xs-1"><img src="img/fabuzhiwei.png"/></div>
				<div class="col-xs-9">发布职位</div>
				<div class="col-xs-1">></div>
				</a>
			</div> -->
			<!-- <div class="row t t11">
				<a href="myzhiweiguanli.html">
				<div class="col-xs-1"><img src="img/zhiweiguanli.png"/></div>
				<div class="col-xs-9">职位管理</div>
				<div class="col-xs-1">></div>
				</a>
			</div> -->
			<div class="row t t7">
				<a :href="tousu">
				<div class="col-xs-1"><img src="img/tousu.png"/></div>
				<div class="col-xs-9">投诉与建议</div>
				<div class="col-xs-1">></div>
				</a>
			</div>
			<div class="row t t71">
				<a :href="shenfenyanzheng">
				<div class="col-xs-1"><img src="img/zhiweiguanli.png"/></div>
				<div class="col-xs-9">成为会员</div>
				<div class="col-xs-1">></div>
				</a>
			</div>
			</div>
			<!--<div class="row t t8">
				<a class="zuoqiuzhizhe">
				<div class="col-xs-1"><img src="img/kaitong.png"/></div>
				<div class="col-xs-9">开通求职者</div>
				<div class="col-xs-1">></div>
				</a>
			</div>
			<div class="row t t9">
				<a class="zuolietou">
				<div class="col-xs-1"><img src="img/kaitong.png"/></div>
				<div class="col-xs-9">开通猎头</div>
				<div class="col-xs-1">></div>
				</a>
			</div>
			
			<div class="row t t9">
				<a class="zuohr">
				<div class="col-xs-1"><img src="img/kaitong.png"/></div>
				<div class="col-xs-9">开通HR</div>
				<div class="col-xs-1">></div>
				</a>
			</div>-->
			<div class="exit" style="position: fixed; bottom: 0; left: 0; width: 100%; height: 45px; line-height: 45px; background: #ffa328; 
color: #FFFFFF; text-align: center; font-weight: 600;">退出登录</div>
		</div>
		<script src="../lib/soha.js" type="text/javascript"></script>
		<script type="text/javascript" src="../lib/jquery.min.js"></script>
		<script type="text/javascript" src="../lib/bootstrap.min.js"></script>
		<script type="text/javascript" src="../lib/vue.min.js"></script>
		<script type="text/javascript" src="../lib/common.js"></script>

		<!-- <script src="js/cropper.min.js" type="text/javascript" charset="utf-8"></script> -->
		<!-- <script src="js/main.js" type="text/javascript" charset="utf-8"></script> -->
		
		<script src="js/member_ajax.js"></script>
		<script type="text/javascript">

		</script>
		<!-- <script type="text/javascript">
			//退出登录
				$(".exit").click(function(){
					 localStorage.clear();
					 window.location.href="index.html";
				})
				//转换角色成hr
				$(".zuohr").click(function(){
					localStorage.setItem("RegisterType", 2);
					var js = "{'RegisterType':'"+2+"'}";
					$.ajax({
			            type: "POST",
			            url: jkurl,
			            beforeSend: function(request) {
			                request.setRequestHeader("req", "104");
			                request.setRequestHeader("TokenID", tokenid);
			            },
			            dataType:"json",
			            data:js,
			            success: function(result) {
			            	if(result.code == 1){
			            		location.reload();
			            	}else{		            		
								location.reload();
			            	}
			            }
					})
				})
				//转换角色成求职者
				$(".zuoqiuzhizhe").click(function(){
					localStorage.setItem("RegisterType", 0);
					var js = "{'RegisterType':'"+0+"'}";
					$.ajax({
			            type: "POST",
			            url: jkurl,
			            beforeSend: function(request) {
			                request.setRequestHeader("req", "104");
			                request.setRequestHeader("TokenID", tokenid);
			            },
			            dataType:"json",
			            data:js,
			            success: function(result) {
			            	if(result.code == 1){
			            		
			            		location.reload();
			            	}else{		            		
								location.reload();
			            	}
			            }
					})
				})
				//转换角色成猎头
				$(".zuolietou").click(function(){
					localStorage.setItem("RegisterType", 1);
					var js = "{'RegisterType':'"+1+"'}";
					$.ajax({
			            type: "POST",
			            url: jkurl,
			            beforeSend: function(request) {
			                request.setRequestHeader("req", "104");
			                request.setRequestHeader("TokenID", tokenid);
			            },
			            dataType:"json",
			            data:js,
			            success: function(result) {
			            	if(result.code == 1){
			            		
			            		location.reload();
			            	}else{		            		
								location.reload();
			            	}
			            }
					})
				})
				
				$(function(){
					$(".heimu").show();
					$(".fabuactive").show();
					
					$.ajax({
			            type: "POST",
			            url: jkurl,
			            beforeSend: function(request) {
			                request.setRequestHeader("req", "453");
			                request.setRequestHeader("TokenID", tokenid);
			            },
			            dataType:"json",
			            success: function(result) {
			            	if(result.code == 1){
			            		localStorage.setItem("Level", result.resdata.Level);//获取是否签约，提现用
			            		
			            		$(".heimu").hide();
								$(".fabuactive").hide();
								$(".myname").html(result.resdata.Name);
								$(".name2").html(result.resdata.Tel);
								
			            	}else{		            		
								alert("账户过期，请重新登录");
								window.location.href="denglu.html";
			            	}
			            }
					})
					
					//不同角色不同功能展示
					
					if(RegisterType.indexOf(0)>=0){
						$(".t0").show();$(".t1").show();$(".t2").show();
						$(".t4").show();$(".t42").show();$(".t7").show();$(".t9").show();
						$(".msjl").attr("href","myqiuzhijilugeren.html")
						$(".wodezichana").attr("href","myzichangeren.html")
						$(".wodezichan").text("我的余额")
						$(".myname2").text("(求职者)")
					}
					if(RegisterType.indexOf(1)>=0){
						$(".t0").show();$(".t3").show();$(".t5").show();
						$(".t4").show();$(".t42").show();$(".t7").show();$(".t71").show();$(".t8").show();
						$(".t10").show();
						$(".myname2").text("(猎头)")
						
					}
					if(RegisterType.indexOf(2)>=0){
						$(".t0").show();$(".t2").show();$(".t4").show();
						$(".t6").show();$(".t7").show();$(".t9").show();
						$(".t11").show();
						$(".msjl").attr("href","myqiuzhijiluhr.html")
						$(".wodezichana").attr("href","myzichanhr.html")
						$(".myname2").text("(HR)")
					}
		
		
					$.ajax({
			            type: "POST",
			            url: jkurl,
			            beforeSend: function(request) {
			                request.setRequestHeader("req", "127");
			                request.setRequestHeader("TokenID", tokenid);
			            },
			            dataType:"json",
			            success: function(result) {
			            	if(result.code == 1){
			            		localStorage.setItem("UserStatus", result.resdata.UserStatus);
			            		if(result.resdata.UserStatus == 0){$(".shenfenyanzhenga").attr("href","shenfenyanzheng.html")}
			            		if(result.resdata.UserStatus == 1){$(".shenfenyanzhenga").attr("href","shenfenyanzhenging.html")}
			            		if(result.resdata.UserStatus == 2){$(".shenfenyanzhenga").attr("href","shenfenyanzhengok.html")}
			            		if(result.resdata.UserStatus == 3){$(".shenfenyanzhenga").attr("href","shenfenyanzhengfail.html")}
			            	}else{		            		
		
			            	}
			            }
					})
		
					if(CompanyStatus&&CompanyStatus == 0){$(".member-fabuzhiwei").attr("href","fabuzw.html")}
					if(CompanyStatus&&CompanyStatus == 1){$(".member-fabuzhiwei").attr("href","shenhefail2.html")}
					if(CompanyStatus&&CompanyStatus == 2){$(".member-fabuzhiwei").attr("href","qytjzw.html")}
					if(CompanyStatus&&CompanyStatus == 3){$(".member-fabuzhiwei").attr("href","shenhefail.html")}
		
					if(PortraitUrl && PortraitUrl != picurl+"null"){$(".touxiangimg").attr("src",PortraitUrl)}
					
					
					
					
					
				})	
					$(".yestx").click(function(){
						
						$(".heimu").show();
						$(".fabuactive").text("努力上传中，请稍后...")
						$(".fabuactive").show();
						
						var img = $(".img-container > img");
						var dataURL = img.cropper("getCroppedCanvas");
		      	 		var imgurl=dataURL.toDataURL("image/png",1.0);
		      	 		var a = imgurl.split(',')[1];
						var b = encodeURIComponent(a);
			        	var js = "{'pic':'"+b+"'}";
		               	$.ajax({
				            type: "POST",
				            url: jkurl,
				            beforeSend: function(request) {
				                request.setRequestHeader("req", "423");
				                request.setRequestHeader("TokenID", tokenid);
				            },
				            dataType:"json",
				            data:js,
				            success: function(result) {
								if(result.code == 1){
									$(".heimu").hide();
									$(".fabuactive").hide();
									localStorage.setItem("PortraitUrl", picurl+result.resdata);//上传成功后，重写头像地址
			
		                    		window.location.href='member.html';
		                    }else{
		                    		alert(result.errormsg);
		                    		$(".heimu").hide();
									$(".fabuactive").hide();
		                    	}
				            }
			        	});
					})
					
					$(".notx").click(function(){
						$(".touxiang").hide();
					})
			</script>
			<script src="js/peizhi.js" type="text/javascript" charset="utf-8"></script> -->
	</body>
</html>
